<!-- 空数据 -->
<template>
	<uni-transition :show="show" :duration="400">
		<view class="empty">
			<view class="hd">
				<image src="/static/empty.png" mode="widthFix"></image>
			</view>
			<view class="bd">
				<view class="txt">没有找到合适的行业大牛？</view>
				<view class="txt"> 试试<navigator class="link" url="/subpages/task/add/add?from=task" :hover-stop-propagation="true">发布悬赏</navigator>，优质大牛主动联系您</view>
				<view class="btns">
					<navigator class="btn" url="/subpages/task/add/add?from=task" :hover-stop-propagation="true">免费发布</navigator>
				</view>
			</view>
		</view>
	</uni-transition>
</template>
<script setup>
	import { ref, onMounted } from 'vue';
	const show = ref(false);
	onMounted(() => {
		show.value = true;
	})
</script>
<style scoped lang="scss">
	@import '@/common/css/base.scss';
	.empty {
		padding: 200rpx 0;
		text-align: center;
		.hd {
			image {
				width: 160rpx;
			}
		}
		.bd {
			.txt {
				line-height: 46rpx;
				font-size: 30rpx;
				color: #666;
			}
			.link {
				display: inline-block;
				color: $color;
			}
			.btns {
				padding: 20rpx 0;
				.btn {
					width: 260rpx;
					height: 70rpx;
					line-height: 70rpx;
					margin: 0 auto;
					border-radius: 10rpx;
					background: $color;
					font-size: 30rpx;
					color: #fff;
				}
			}
		}
	}
</style>
